<!-- components/cards/StatsCard.vue -->
<template>
    <div class="stats-content">
        <a-statistic title="总仓库数" :value="totalRepositories" class="stat-item">
            <template #prefix>
                <FolderOutlined />
            </template>
        </a-statistic>
        <a-statistic title="今日新增" :value="todayRepositories" class="stat-item">
            <template #prefix>
                <RiseOutlined />
            </template>
        </a-statistic>
        <a-statistic title="最近更新" :value="recentlyUpdated" class="stat-item">
            <template #prefix>
                <SyncOutlined />
            </template>
        </a-statistic>
    </div>
</template>
  
<script setup lang="ts">
import { FolderOutlined, RiseOutlined, SyncOutlined } from '@ant-design/icons-vue'

interface StatsCardProps {
    totalRepositories: number
    todayRepositories: number
    recentlyUpdated: number
}

defineProps<StatsCardProps>()
</script>